<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
import { getToken, setToken } from '@/utils/auth'

export default {
  name: 'App',
  watch: {
    '$route': function() {
      const token = getToken()
      if (token) setToken(token)   //重新设置token

      setTimeout(() => {
        let list = document.getElementsByClassName('el-tooltip__popper')
        if (list.length > 0) {
          list[list.length - 1].style.display = 'none'
        }
      }, 200)
    }
  }
}
</script>
<style lang="scss">

* {
  padding: 0;
  margin: 0;
}

.page-height {
  height: auto;
  width: 100%;
  background: #ffffff;
  border-radius: 10px;
  min-height: calc(100vh - 80px);
  display: flex;
  flex-direction: column;
  min-width: 1000px;
   
}

.el-table {
  flex: none;
  margin-bottom: 15px;
}
.el-dialog{
  margin:0 !important;

}
.el-dialog__wrapper{
  display: flex;
  justify-content: center;
  align-items:center
}

.margin-top-10 {
  margin-top: 10px;
}

.pagination-view {
  display: flex;
  justify-content: center;
  margin-top: auto;
  height:60px;
  align-items:center
}
.el-range-editor--small .el-range__close-icon, .el-range-editor--small .el-range__icon{
  display:none
}
.el-date-editor .el-range-input{
  width:45%
}
.label-class {
  width: 160px;
}

.text-line01 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.page-height .el-form{
  display:flex;
  flex-wrap:wrap
}
.search-view .el-form-item{
  display:flex;
  align-items:center;
  width:300px !important
}
.page-height .el-form-item__content{
  width:calc(100% - 100px)
}
.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner{
  width:200px
}
.el-date-editor .el-range__close-icon{
  display:none
}

.text-cut1{
	overflow:hidden;
 
 text-overflow:ellipsis !important;//文本溢出显示省略号
 white-space:nowrap !important;//文本不会换行
}

.text-cut2{
	display: -webkit-box;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.text-cut3{
	display: -webkit-box;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	-webkit-line-clamp: 3;
	overflow: hidden;
}
</style>
